<html>
  <head>
    <title>ContainerOps - DevOps Orchestration For Cloud Native</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="favicon.ico" type="image/x-icon" rel="icon">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
    <link href="css/lib.min.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
  </head>
  <body>
    <div class="container-fluid" id="brochur">
      <div class="info-one">
        <div class="row nav">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
            <div class="row">
              <div class="col-xs-6 col-md-4 text-left">
                <img src="img/brochur_logo.png" />
              </div>
              <div class="col-xs-6 col-md-8 text-right">
                <a href="http://docs.containerops.sh" class="space">Docs</a>
                <a href="https://github.com/Huawei/containerops/issues" class="space">Community</a>
                <a href="https://github.com/Huawei/containerops" class="space">Github</a>
                <a href="https://opshub.sh" class="space">OpsHub</a>
              </div>
            </div>
            <p class="title">ContainerOps - DevOps Orchestration For Cloud Native</p>
            <div class="col-xs-10 col-xs-offset-1">
              <img src="img/brochur_1.png" class="banner"/>
            </div>
          </div> 
        </div>
      </div>    
      <div class="add-bg">
        <img src="img/brochur_bg1.png" />
      </div>  
      <div class="info-two">
        <div class="row">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
            <div class="row">
              <div class="media col-xs-12">
                <div class="media-left">
                  <img src="img/brochur_2.png" />
                </div>
                <div class="media-body">
                  <p class="title">Defining Component</p>
                  <p class="text">Component is a container image encapsulated any DevOps task, and the ContainerOps platform is resposible for it's all lifecycle.</p>
                  <p class="text">Sharing, acquisition and collaboration at Opshub.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="add-bg">
        <img src="img/brochur_bg2.png" />
      </div> 
      <div class="info-three">
        <div class="row">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
            <div class="row">
              <div class="media col-xs-12">
                <div class="media-left">
                  <p class="title">Drawing Orchestration</p>
                  <p class="text">ContainerOps has a WYSIWYG orchestration editor and a flexible, efficient and visual event data stream mechanism.</p>
                  <p class="text">Any complex DevOps work can be easily completed in minutes.</p>
                </div>
                <div class="media-body">
                  <img src="img/brochur_3.png" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="add-bg">
        <img src="img/brochur_bg1.png" />
      </div>
      <div class="info-four">
        <div class="row">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
            <div class="row">
              <div class="media col-xs-12">
                <div class="media-left">
                  <img src="img/brochur_4.png" />
                </div>
                <div class="media-body">
                  <p class="title">Running With Container For Cloud Native</p>
                  <p class="text">Running the DevOps orchestration and component with container orchestration engine like Kubernetes.</p>
                  <p class="text">Designed for massive Cloud Native development and operation scenarios.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="add-bg">
        <img src="img/brochur_bg2.png" />
      </div>
      <div class="info-five">
        <div class="row">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
            <div class="row">
              <div class="media col-xs-12">
                <div class="media-left">
                  <p class="title">Integrated With CI/CD Service</p>
                  <p class="text">Orchestration the DevOps tasks with container components and the third services like Jenkins, Travis CI and so on.</p>
                  <p class="text">Providing open APIs to integrated with customize CI/CD pipeline, compatible with existing solutions. </p>
                </div>
                <div class="media-body">
                  <img src="img/brochur_5.png" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="add-bg">
        <img src="img/brochur_bg1.png" />
      </div>
      <div class="info-six">
        <div class="row">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
            <div class="row rotate">
              <p class="col-xs-12 title">
               Getting Start In 5 Minutes! 
              </p>
              <p class="col-xs-12 text-center">
                <a href="http://docs.containerops.sh" class="start">
                  Get Started
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-86107686-1', 'auto');
      ga('send', 'pageview');
    </script>

  </body>
</html>
